@charset "utf-8";



.web{
	.nav{
		background-color: black;
		width: 1068px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding-bottom: 33px;
		padding-top: 20px;
		.nav_logo{
			display: flex;
			align-items: center;
		}
		.nav_right{
			.top{
				text-align: right;
				ul{
					li{
						display: inline;
						
						
						a{
							color: white;
							font-size: 12px;
						}
					}
				}
					.dropdown{
						padding-left: 20px;
						.dropdown-menu{
							
							a{
								color: black;
							}
						}
					}
					.fb,.tt{
						// width: 100px;
						// height: 100px;
						// padding: 5px 10px ;
						
						a{ 
							span{
								padding: 4px 8px;
								background-color: white;
									color:black;
							}
						}
					}
					.join{
						padding-right: 20px;
						:before{
							content: "";
							width: 1px;height: 15px;
							background-color: white;
							display: inline-block;
							transform: translate(45px,3px);
						}
					}

				}
			.navbottom{
				ul{
					position: relative;
					li{
						display: inline;
						margin: 0 10px;
						&:not(:first-child)::before{
							width: 1px;height: 20px;
							background-color: white;
							display: inline-block;
									content: "";
									transform: translate(-10px,4px);

									}
						a{
							color: white;
							font-size: 20px;
						}
					}
				}
			}
		}
	}		

}